<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Profesor</title>
</h:head>
<body>
	<h:form rendered="#{profesorBean.verificarSesion()}">

		<p:toolbar>
			<p:toolbarGroup align="right">
				<p:commandButton value="salir" action="#{sesionBean.cerrarSesion()}"
					icon="ui-icon-close" />
			</p:toolbarGroup>
		</p:toolbar>

		<div align="center">
			<h:panelGrid columns="2" styleClass="fondo"
				style="text-align:center;">
				<h:panelGroup style="display:block; text-align:left">
					<p:graphicImage value="/img/ui/images.jpg"
						style="height: 100px; width: 210px" />
				</h:panelGroup>

				<h:panelGroup style="display:block; text-align:right">
					<p:graphicImage value="/img/ui/izq.png"
						style="height: 100px; width: 608px" />
				</h:panelGroup>
			</h:panelGrid>
		</div>

		<p:panel style="width:100%;">
			<h:panelGrid columns="4" cellpadding="2" cellspacing="15">
				<p:graphicImage value="/img/users/user1.png"
					style="height: 120px; width: 120px" />
				<h:form style="text-align:left;">
					<p:outputLabel
						value="Bienvenido al Sistema de Evaluacion del Aprendizaje FISI" />
					<br></br>
					<p:outputLabel value="Profesor:" />
					<p:outputLabel
						value="#{profesorBean.profesor.persona.nombrePersona}" />
				</h:form>


				<p:commandButton value="Cargar Preguntas" update="growl"
					action="#{preguntaBean.elaborarPregunta()}" />
				<p:commandButton value="Banco de Preguntas" />


			</h:panelGrid>
			<p:growl id="growl" showDetail="true" life="3000" />
		</p:panel>
		<p:panel style="width:100%;">
			<h:form style="text-align:right;">
				<div align="center">

					<h:panelGrid columns="2" cellpadding="20">
						<h:form style="text-align:left;">
							<p:outputLabel value="Cursos" />
							<br></br>
							<br></br>
							<p:dataTable id="display" var="curso"
								value="#{profesorBean.cursospergrupo}"
								rowKey="#{curso.cursoperiodo.curso.nombreCurso}"
								selection="#{profesorBean.cpgSelec}" selectionMode="single"
								style="font-size: 17px; text-align:left"
								emptyMessage="No tiene cursos dictando">

								<p:ajax event="rowSelect" listener="#{profesorBean.eventChange}" />

								<p:column>
									<f:facet name="header">
										<h:outputText value="Curso" />
									</f:facet>
									<h:outputText value="#{curso.cursoperiodo.curso.nombreCurso}" />
								</p:column>
							</p:dataTable>
						</h:form>
					</h:panelGrid>
				</div>
			</h:form>
		</p:panel>
	</h:form>
</body>
</html>